<extend name="layout/edit" />

<block name="HEADER">
    <load:css src="system/testMng/index.css" />
</block>

<block name="CONTENT">
    <control:form id="form" />
</block>

<block name="FOOTER">
   <script type="text/javascript">
    var page=(function(ns){
        
        //页面初始化
        ns.init=function(){
        	ns.initLinkage();
        	ns.tableSelect();
            //搜索类型，值的点击事件
            form.on("clickSearchValue","search",function(e,data,index){
            	console.log(e)
            	console.log(data)
            	console.log(index)
            });
            //搜索类型，移除值事件
		 	form.on("removeSearchValue","search",function(e,data,index){
            	console.log(e)
            	console.log(data)
            	console.log(index)
            });
            
        }
        
        //联动类型
        ns.initLinkage=function(){
            form.addOption('linkage',[
                {
                    "name": "北京", 
                    "value": 1, 
                    "children": [
                        {"name": "北京市1", "value": '12', "children": []},
                        {"name": "北京市2", "value": 17, "children": []},
                        {"name": "北京市3", "value": 18, "children": []},
                        {"name": "北京市4", "value": 19, "children": []},
                    ]
                },
                {
                    "name": "天津", 
                    "value": 2, 
                    "children": [
                        {"name": "天津市1", "value": 51, "children": []},
                    ]
                },
            ]);
            form.setValue('linkage',['1/12']);
        }
        
        //表格下拉
        ns.tableSelect =function(){
        	return false;
        	layui.tableSelect.render({
                elem: $("input[name='version']"),  //定义输入框input对象
                checkedKey: 'id', //表格的唯一建值，非常重要，影响到选中状态 必填
                searchKey:'keyWord',   //搜索输入框的name值 默认keyword
                searchPlaceholder: '关键词搜索', //搜索输入框的提示文字 默认关键词搜索
                table: {    //定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
                    url:'http://127.0.0.1:81/bulid/adminLayui.t5/index.php/admin/core/grid/getData',
                    cols: [[ //表头
                        {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'},
                        {field: 'username', title: '用户名', width:80},
                        {field: 'sex', title: '性别', width:80, sort: true}
                    ]]
                },
                done: function (elem, data) {
                   
                }
           	});
        }
        
        //禁用
        ns.dispay=function(){
        	form.setReadonly("*",false);
        	form.setReq("*",false);
        	form.setBtn("save").hide();
        }
        
        //取消禁用
        ns.cancelDispay=function(){
        	form.setReadonly("*",true);
        	form.setBtn("save").show();
        }
        
        //赋值测试
        ns.testClick=function(){
        	form.setValue("checkbox,radio","2");
            form.setValue("multi_select","深圳");
            form.setValue("selects","3");
            form.setValue("number,percent","35");
            form.setValue("create_time,remark",$.formatDate("Y-M-H-D H"));
            form.setValue("money","111111");
        	form.setValue("search","测试,莱亚,2");
        }
        
        //保存
        ns.save=function(){
        	// 参1=function 函数   	 带三个参数resolve,reject,data, 可保存前做异步处理
        	// 参1 也可以等于 number
        	// resolve(0/1/2/3/4)    默认0
        	// 	0=保存后只显示提示语
        	// 	1=保存后关闭页面 
        	// 	2=保存后页面变更为编辑模式
        	// 	3=保存后页面变更为预览模式
        	// 	4=保存后不做任何提示和动作
			//连调 then(res).catch(res)       	
            form.save(function(resolve,data){
            	setTimeout(function(){
            		resolve(2);
            	},100);
            }).then(function(res){
            	console.log(res);
            	$.toast(1,"我是成功回调");
            	if(form.opener.grid){
            		form.opener.grid.load()
            	}
            });
        }
        
        return ns;
    }({}));
    
    $(function(){  page.init();  });
   </script>
</block>



